<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>区域碰撞</title>
  <link rel="stylesheet" type="text/css" crossorigin="anonymous" href="https://at.alicdn.com/t/font_2626015_vnrkhl89uwp.css">
</head>
<body>
  <div class="map-wrapper" id="map">
    <div class="operate">
      <span class="operate-item" data-draw-type="Circle" data-bs-toggle="tooltip" data-bs-placement="top" title="圆形框选">
        <i class="iconfont icon-huayuanxingquyu"></i>
      </span>
      <!-- <span class="operate-item" data-draw-type="Box" data-bs-toggle="tooltip" data-bs-placement="top" title="矩形框选">
        <i class="iconfont icon-206ditusibianxing"></i>
      </span>
      <span class="operate-item" data-draw-type="Polygon" data-bs-toggle="tooltip" data-bs-placement="top" title="多边形框选">
        <i class="iconfont icon-205dituduobianxing"></i>
      </span> -->
    </div>
  </div>
  <div class="opt-btn">
    <div class="input-wrapper">
      <div class="input-group mb-3">
        <span class="input-group-text">主开始时间</span>
        <input id="pStartTime" type="text" class="form-control" placeholder="主开始时间" value="2021-08-14 03:14:02">
        <span class="input-group-text">主结束时间</span>
        <input id="pEndTime" type="text" class="form-control" placeholder="主结束时间" value="2021-08-25 03:14:02">
      </div>
    </div>
    <button id="mixed" type="button" class="btn btn-primary">求交集</button>
    <button id="diffset" type="button" class="btn btn-primary">生成4万个点</button>
    <!-- <button id="feature" type="button" class="btn btn-primary">获取Draw的feature</button> -->
    <div class="input-wrapper">
      <div class="input-group mb-3">
        <span class="input-group-text">次开始时间</span>
        <input id="sStartTime" type="text" class="form-control" placeholder="次开始时间" value="2021-08-14 03:14:02">
        <span class="input-group-text">次结束时间</span>
        <input id="sEndTime" type="text" class="form-control" placeholder="次结束时间" value="2021-08-25 03:14:02">
      </div>
    </div>
  </div>
  <script type="module" src="./main.js"></script>
</body>
</html>